// base color
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$tiffany: #4AB7BD;
$panGreen: #30B08F;

// sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951

$menuBg:#304156;
$menuHover:#263445;

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth: 210px;

$fontFamily: "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif,\5b8b\4f53;
$frontColors: fff ccc aaa 111 333 999 888 666 555 b7b7b7 d7d7d7 dcdcdc '0096ff' '000' '787878' 'e01212' '292621' 'fefefe' 'ffb449' 
  'ff494a' '1a1a1a' 'ff4444' '2b2b2b' 
  'fe3d3d' '22c890' 'ff4141' '222222' '3a3a3a' 'e20100' 'fd3c3e' '8c8c8c' 'ff2d2d' '292929' '404040' '6b69e8' 'ff2323' '5a5a5a' 
  '0a0a0a' '566790' 'e9554e' '5b87b1' 'ffca73' 'e52a2a' 'e24841' 'fd4141' 'e9353e' '4086db' 'ffe7a4' 'bb9e59' 'ff942f' 'ff5151' 
  'd3c7b7' '987954' '3c90cf' 'e05656' 'ff6f6f' 'ff2e2e' 'fe4646' 'ff4f4f' '20b2a1' 'ff4445' 'a3a3a3' '020202' 'ffd694' 'ff6a6a' 
  'ff4c4c' 'dedede' 'f6f6f6' 'ff3333' 'a5a5a5' '4d4d4d' '6d7077' 'd82d2d' 'c4c4c4' '808080' 'f1494e' '3f5683' 'a8a7a7' '37af74' '5b5b5b' 'b0b0b0' 'ff2634' '03a885' 'b0b0b0' 
  'd0a65e' 'a6ffec' 'e96826' 'fe1e2d' '1b1b1b' 'a4a4a4' '696969' 'fb4957' '9f9f9f' '353535' 'ff951f'

  '7be385' 'c9994a' '626262' 'f55959' '9a9a9a' 'c9a35d' 'b5b4b4' 'ee2f53' 'c29c51' '636363' '020202' '858585' '121212' '9e9e9e' 'f22d48' '6c6a6e' '575757' 'c9994a' '131313' 'c2a267'; 
$bgColors: '000' fff ccc 444 999 a4e1e1 b5b5b5 eee  'fe9603' 'e01212' 'fefefe' 'f8f8f8' 'ff4141' 'ff494a' 'eee' '660ebc' '6b69e8' 'f1f1f1' 'ff5151' 'f4e8ca' 'fff8f8' 'f1494e' 'f2f2f2' 'f5f5f5' '53ba1a';  
$fontSize: 11 12 13 14 15 16 18 20 22 24 26 28 30 32 34 36 38 40;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
